ffrgb / meshviewer

  'use strict';

  return function () {

    var self = this;

    var tabs = document.createElement('ul');

    tabs.classList.add('tabs');

    var container = document.createElement('div');

    function gotoTab(li) {

      for (var i = 0; i < tabs.children.length; i++) {

        tabs.children[i].classList.remove('visible');

      }

      while (container.firstChild) {

        container.removeChild(container.firstChild);

      }

      li.classList.add('visible');

      var tab = document.createElement('div');

      tab.classList.add('tab');

      container.appendChild(tab);

      li.child.render(tab);

    }

    function switchTab() {

      gotoTab(this);

      return false;

    }

    self.render = function render(el) {

      el.appendChild(tabs);

      el.appendChild(container);

    };

    return self;

  };

});